<template>
    <div class="map-container" id="mapContainer" />
</template>

<script>
import initMap from "@/api/j-map";

export default {
  data() {
    return {
      map: null
    }
  },
  methods: {
    initMapLayers() {
      const mapResult = initMap(`mapContainer`,  { lat: '23.088981', lng: '113.323540' }, 6, undefined);
      this.map = mapResult.map;
    }
  },
  mounted() {
    this.initMapLayers();
  }
}
</script>

<style scoped>
.map-container {
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 52, 204, 1), rgba(0, 52, 204, 1)) center/80% 80%, lightblue;
}
</style>

